<!DOCTYPE html>
<html>
<head>
  <title>项目管理</title>

  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <!-- Bootstrap -->
  <link href="./css/bootstrap.min.css" rel="stylesheet" media="screen">
  <link href="./css/bootstrap-responsive.css" rel="stylesheet" media="screen">
  <link href="./css/bootstrap-datetimepicker.min.css" rel="stylesheet" media="screen">
  <link href="./css/docs.css" rel="stylesheet" media="screen">
  <link href="./css/mycss.css" rel="stylesheet" media="screen">

  <style type="text/css">
    .bs-docs-example:after {
      content: "项目管理"
    }
  </style>

</head>
<script src="./js/jquery-1.11.3.min.js"></script>
<script src="./js/bootstrap.min.js"></script>
<script src="./js/bootstrap-datetimepicker.js"></script>
<body>

  <div class="header">
    <div class="fl">
      <img src="./img/logo_yizhi.jpg">
    </div>
    <div class="fl">  
      <h3>上海熠智流体控制设备有限公司信息管理系统</h3>
      <h5></h5>
    </div>
    <div class="fr">
      欢迎您：王XX&nbsp;（管理员）&nbsp;&nbsp;<a href="#">退出登录</a>
    </div>
  </div>


  <div class="navbar">
    <div class="navbar-inner">
      <ul class="nav">
        <li><img src="./img/logo_yizhi.jpg" width="100px" height="100px" ></li>
        <li class="divider-vertical"></li>
        <li class="active"><a href="#" >项目管理</a></li>
        <li class="divider-vertical"></li>
        <li><a href="./menu/contract_list.html">合同管理</a></li>

        <!--生产管理 -->
        <li class="divider-vertical"></li>
        <li class="dropdown">

          <a id="productMenu" class="dropdown-toggle" data-toggle="dropdown" href="#">生产管理<b class="caret"></b></a>
          <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">
            <li><a tabindex="-1" href="./menu/product_list.html">产品列表</a></li>
            <li><a tabindex="-1" href="./menu/component_apply_list.html">配件申请</a></li>
          </ul>
        </li>

        <li class="divider-vertical"></li>
        <li class="dropdown">
          <a id="dropdownMenu1" class="dropdown-toggle" data-toggle="dropdown" href="#">仓库管理<b class="caret"></b></a>
          <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
            <li><a tabindex="-1" href="./menu/produce_requirement.html">处理生产需求</a></li>
            <li><a tabindex="-1" href="./menu/purchase_apply_list.html">采购申请单</a></li>
            <li><a tabindex="-1" href="./menu/storage_management.html">库存管理</a></li>
          </ul>
        </li>

        <li class="divider-vertical"></li>
        <li ><a href="purchase_management.html">采购管理</a></li>
        <li class="divider-vertical"></li>

        <li class="dropdown">
          <a id="dropdownMenu" class="dropdown-toggle" data-toggle="dropdown" href="#">财务管理<b class="caret"></b></a>
          <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">
            <li><a tabindex="-1" href="./menu/expense_apply_list.html">报销申请</a></li>
            <li><a tabindex="-1" href="./menu/purchase_check_list.html">采购审批</a></li>
            <li><a tabindex="-1" href="./menu/expense_check_list.html">报销审批</a></li>
            <li><a tabindex="-1" href="./menu/account_list.html">进出账</a></li>
          </ul>
        </li>
        <li class="divider-vertical"></li>
        <li><a href="./menu/user_list.html">用户管理</a></li>
        <li class="divider-vertical"></li>
      </ul>
    </div>
  </div>



  <!-- 搜索栏 -->
  <div>
   <form >
     <div class="form-actions">
       <div  class='row'>

        <div class='span4'>
         <div class='row'>
          <span class=" span2 text-center">客户名称</span>
          <input class="span2"  type="text" placeholder="客户名称">
        </div>
      </div>

      <div class='span4'>
        <div class='row'>
          <span class=" span2 text-center">需求产品</span>
          <input class="span2"  type="text" placeholder="需求产品">
        </div>
      </div>

      <div class='span4'>
        <div class='row'>
          <span class=" span2 text-center">报价</span>
          <input class="span2"  type="text" placeholder="报价">
        </div>
      </div>

    </div>


    <div  class='row'>

      <div class='span4'>
       <div class='row'>
        <span class=" span2 text-center">联系人</span>
        <input class="span2"  type="text" placeholder="联系人">
      </div>
    </div>

    <div class='span4'>
      <div class='row'>
        <span class=" span2 text-center">备注</span>
        <input class="span2"  type="text" placeholder="备注">
      </div>
    </div>

    <div class='span4'>
      <div class='row'>
        <span class=" span2 text-center">状态</span>
        <select class="span2">
          <option value="">请选择</option>
          <option value="">已签约</option>
          <option value="">未签约</option>
        </select>             
      </div>
    </div>

  </div>


  <div style="margin-left:50px;">
    <button type="button" class="btn btn-primary">查询</button>
    <button type="button" class="btn">清空</button>
    <a href="#add_project" role="button" class="btn btn-primary" data-toggle="modal">新建项目</a>
  </div>
</div></form>
</div>







<div class="tabbable"> <!-- Only required for left/right tabs -->
  <ul class="nav nav-tabs">
    <li class="active"><a href="#tab1" data-toggle="tab">客户列表</a></li>
  </ul>
  <div class="tab-content">
    <div class="tab-pane active" id="tab1">
      <table class="table table-hover table-bordered ">
        <tr><th>编号</th><th>客户</th><th>需求产品</th><th>报价</th><th>联系人</th><th>状态</th><th>备注</th><th>操作</th></tr>

        <tr><td>1</td><td>XXXXXXXXXX公司</td><td>XXXXXXX型号水泵</td><td>8800.00</td><td>张先生 139000000</td><th><span class="label">未签约</span></th><td>无</td><td><a href="#add_project" data-toggle="modal">编辑</a></td></tr>
        <tr><td>2</td><td>XXXXXXXXXX公司</td><td>XXXXXXX型号水泵</td><td>8800.00</td><td>张先生 139000000</td><th><span class="label">未签约</span></th><td>无</td><td><a href="#edit_project" data-toggle="modal">编辑</a></td></tr>
        <tr><td>3</td><td>XXXXXXXXXX公司</td><td>XXXXXXX型号水泵</td><td>8800.00</td><td>张先生 139000000</td><th><span class="label">未签约</span></th><td>无</td><td><a href="#edit_project" data-toggle="modal">编辑</a></td></tr>
        <tr><td>4</td><td>XXXXXXXXXX公司</td><td>XXXXXXX型号水泵</td><td>8800.00</td><td>张先生 139000000</td><th><span class="label">未签约</span></th><td>无</td><td><a href="#edit_project" data-toggle="modal">编辑</a></td></tr>
        <tr><td>5</td><td>XXXXXXXXXX公司</td><td>XXXXXXX型号水泵</td><td>8800.00</td><td>张先生 139000000</td><th><span class="label">未签约</span></th><td>无</td><td><a href="#edit_project" data-toggle="modal">编辑</a></td></tr>


        <tr><td>6</td><td>XXXXXXXXXX公司</td><td>XXXXXXX型号水泵</td><td>8800.00</td><td>张先生 139000000</td><th><span class="label label-success">已签约</span></th><td>无</td><td><a href="#edit_project" data-toggle="modal">编辑</a></td></tr>
        <tr><td>7</td><td>XXXXXXXXXX公司</td><td>XXXXXXX型号水泵</td><td>8800.00</td><td>张先生 139000000</td><th><span class="label label-success">已签约</span></th><td>无</td><td><a href="#edit_project" data-toggle="modal">编辑</a></td></tr>
        <tr><td>8</td><td>XXXXXXXXXX公司</td><td>XXXXXXX型号水泵</td><td>8800.00</td><td>张先生 139000000</td><th><span class="label label-success">已签约</span></th><td>无</td><td><a href="#edit_project" data-toggle="modal">编辑</a></td></tr>
        <tr><td>9</td><td>XXXXXXXXXX公司</td><td>XXXXXXX型号水泵</td><td>8800.00</td><td>张先生 139000000</td><th><span class="label label-success">已签约</span></th><td>无</td><td><a href="#edit_project" data-toggle="modal">编辑</a></td></tr>
        <tr><td>10</td><td>XXXXXXXXXX公司</td><td>XXXXXXX型号水泵</td><td>8800.00</td><td>张先生 139000000</td><th><span class="label label-success">已签约</span></th><td>无</td><td><a href="#edit_project" data-toggle="modal">编辑</a></td></tr>

      </table>    
    </div>

  </div>
</div>
<ul class="pager">
  <li class="previous disabled">
    <a href="#">&larr; 上一页</a>
  </li>
  第1页 /共5页49条记录
  <li class="next">    
   <a href="#">下一页 &rarr;</a>
 </li>
</ul>

<!-- 新建项目表单 -->
<div id="add_project" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h3 id="myModalLabel">编辑项目信息</h3>
  </div>
  <div class="modal-body">
    <form class="form-horizontal">
      <div class="control-group">
        <label class="control-label" for="inputEmail">客户</label>
        <div class="controls">
          <input type="text" id="inputEmail" placeholder="客户" value="XXXXXXXXXX公司">
        </div>
      </div>
      <div class="control-group">
        <label class="control-label" for="inputEmail">需求产品</label>
        <div class="controls">
          <input type="text" id="inputEmail" placeholder="需求产品" value="XXXXXXX型号水泵">
        </div>
      </div>
      <div class="control-group">
        <label class="control-label" for="inputEmail">报价</label>
        <div class="controls">
          <input type="text" id="inputEmail" placeholder="报价" value="8800.00">
        </div>
      </div>
      <div class="control-group">
        <label class="control-label" for="inputEmail">联系人</label>
        <div class="controls">
          <input type="text" id="inputEmail" placeholder="联系人" value="张先生 139000000">
        </div>
      </div>

      <div class="control-group">
        <label class="control-label" for="inputEmail">状态</label>
        <div class="controls">
          <select >
            <option value="">未签约</option>
            <option value="">请选择</option>
            <option value="">已签约</option>
          </select>           </div>
        </div>
        <div class="control-group">
          <label class="control-label" for="inputEmail">备注</label>
          <div class="controls">
            <input type="text" id="inputEmail" placeholder="备注" value="无">
          </div>
        </div>
      </form>
    </div>
    <div class="modal-footer">
      <button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
      <button class="btn btn-primary">保存</button>
    </div>
  </div>

  <div id="edit_project" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-header">
      <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
      <h3 id="myModalLabel">编辑项目信息</h3>
    </div>
    <div class="modal-body">
      <form class="form-horizontal">
        <div class="control-group">
          <label class="control-label" for="inputEmail">客户</label>
          <div class="controls">
            <input type="text" id="inputEmail" placeholder="客户" value="XXXXXXXXXX公司">
          </div>
        </div>
        <div class="control-group">
          <label class="control-label" for="inputEmail">需求产品</label>
          <div class="controls">
            <input type="text" id="inputEmail" placeholder="需求产品" value="XXXXXXX型号水泵">
          </div>
        </div>
        <div class="control-group">
          <label class="control-label" for="inputEmail">报价</label>
          <div class="controls">
            <input type="text" id="inputEmail" placeholder="报价" value="8800.00">
          </div>
        </div>
        <div class="control-group">
          <label class="control-label" for="inputEmail">联系人</label>
          <div class="controls">
            <input type="text" id="inputEmail" placeholder="联系人" value="张先生 139000000">
          </div>
        </div>

        <div class="control-group">
          <label class="control-label" for="inputEmail">状态</label>
          <div class="controls">
            <select >
              <option value="">未签约</option>
              <option value="">请选择</option>
              <option value="">已签约</option>
            </select>           </div>
          </div>
          <div class="control-group">
            <label class="control-label" for="inputEmail">备注</label>
            <div class="controls">
              <input type="text" id="inputEmail" placeholder="备注" value="无">
            </div>
          </div>
        </form>
      </div>
      <div class="modal-footer">
        <button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
        <button class="btn btn-primary">保存</button>
      </div>
    </div>

    <div class="footer">
      <hr>
      <div>上海熠智流体控制设备有限公司&nbsp;&nbsp;版权所有</div>
      <div>Copyright By Shanghai Yizhi Flow Control Equipment Co., Ltd.</div>
    </div>

  </body>
  </html>